<!DOCTYPE>
<html>
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
	<title>___----++++ .... WEBSOCKETS .... ++++----___</title>
	<link rel="stylesheet" type="text/css" href="style.css" />
</head>
<body>
	

	<div id="login">
		<h1>Websocket Example</h1>
		Enter your name: <input id="name" type="text" /> 
		<input type="button" id="btnJoin" value="Join" /> 
	</div>
	
	<div id="app">
		<h1>Websocket Example</h1>

		<div id="connectedUsersContainer">
			<h2>Connected Users</h2>
			<ul id="connectedUsers"></ul>
		</div>

		<div id="canvasContanier">
			<h2>Draw here</h2>
			<canvas id="canvas"></canvas>
			<input type="button" id="clearBtn" value="Clear" />
		</div>
		
		<div id="chatContainer">
			<h2>Chat</h2>
			<div id="chatWindow"></div>
			<input type="text" id="txt1" />
			<input id="boton" type="submit" value="Send" />
		</div>
		
		<div class="clear"></div>
		
	</div>

	<div id="notifications">Notifications:<br /></div>

	<script type="text/javascript" src="jquery-1.4.2.js" ></script>
	<script type="text/javascript" src="js.js"></script>

</body>
</html>